<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:insert="~{/fragment/OrderHeader :: OrderHeader}"/>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html">

<title>Home</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- css -->
<link href="../static/room/css/bootstrap.min.css" rel="stylesheet" th:href="@{room/css/bootstrap.min.css}">
<link href="../static/room/css/fancybox/jquery.fancybox.css" rel="stylesheet" th:href="@{room/css/fancybox/jquery.fancybox.css}">
<link href="https://www.17sucai.com/preview/2/2016-07-25/moban1377/css/jcarousel.css" rel="stylesheet">
<link href="../static/room/css/flexslider.css" rel="stylesheet" th:href="@{room/css/flexslider.css}">
<link href="https://www.17sucai.com/preview/2/2016-07-25/moban1377/js/owl-carousel/owl.carousel.css" rel="stylesheet">
<link href="../static/room/css/style.css" rel="stylesheet" th:href="@{room/css/style.css}">
</head>

<body class="cbp-spmenu-push">

<div class="banner ">
    <!--nav-->
    <section th:replace="~{/fragment/SectionButton :: SectionButton}"/>
    <nav th:replace="~{fragment/nav :: nav}"/>
    <!--------->
    <!-- Classie - class helper functions by @desandro https://github.com/desandro/classie -->
    <script th:src="@{/adminlte/js/classie.js}"></script>
    <script>
        var menuLeft = document.getElementById( 'cbp-spmenu-s1' ),
            showLeftPush = document.getElementById( 'showLeftPush' ),
            showRightPush = document.getElementById( 'showRightPush' ),
            body = document.body;

        showLeftPush.onclick = function() {
            classie.toggle( this, 'active' );
            classie.toggle( body, 'cbp-spmenu-push-toright' );
            classie.toggle( menuLeft, 'cbp-spmenu-open' );
            disableOther( 'showLeftPush' );
        };

        function disableOther( button ) {
            if( button !== 'showLeftPush' ) {
                classie.toggle( showLeftPush, 'disabled' );
            }
            if( button !== 'showRightPush' ) {
                classie.toggle( showRightPush, 'disabled' );
            }
        }
    </script>


    <div class="banner-left page-head">
        <div class="grid__item wow fadeInDown animated" data-wow-delay=".5s">
            <h1><a class="link link--ilin" th:href="@{index.html}"><span>主页 </span></a></h1>
        </div>
        <div class="clearfix"></div>
    </div>
</div>

<div id="wrapper">
	<section class="hero-text">
	<div class="container">
		<div class="row">
			<div class="col-lg-12">
				<div class="aligncenter"><h1 class="aligncenter"><label th:text="欢迎来到+${hotel.hotelTranslatedName}"></label></h1>
			</div>
		</div>
		</div>
	</div>
	</section>
	<section id="content">
	<div class="container">
	<div class="row">
		<div class="skill-home"> <div class="skill-home-solid clearfix">
		<h3>&nbsp;&nbsp;&nbsp;酒店<span class="color">一览</span></h3>
		<div class="col-md-3 text-center">
		<span class="icons c1"><i class="fa fa-trophy"></i></span> <div class="box-area">
		<h3>英文名</h3><p><label th:text="${hotel.hotelName}"></label></p></div>
		</div>
		<div class="col-md-3 text-center"> 
		<span class="icons c2"><i class="fa fa-picture-o"></i></span> <div class="box-area">
		<h3>评分</h3><p><label th:text="${hotel.ratingAverage}"></label></p></div>
		</div>
		<div class="col-md-3 text-center"> 
		<span class="icons c3"><i class="fa fa-desktop"></i></span> <div class="box-area">
		<h3>星级</h3><p><label th:text="${hotel.starRating}"></label></p></div>
		</div>
		<div class="col-md-3 text-center"> 
		<span class="icons c4"><i class="fa fa-globe"></i></span> <div class="box-area">
		<h3>地址</h3> <p><label th:text="${hotel.addressline1}"></label></p></div>
		</div>
		</div></div>
		</div> 
		    <div class="row"> 
							<div class="col-md-12">
								<div class="about-logo">
									<h3>关于<span class="color">我们</span></h3>
									<p><label th:text="${hotel.overview}"></label></p>
								</div>
								
							</div>
						</div>
		<!-- Portfolio Projects -->
		<div class="row">
			<a th:href="@{/room(hotelId=${hotel.hotelId})}">
			<div class="col-lg-12">
				<h3>酒店 <span class="color">预订</span></h3>
				<div class="row">
					<section id="projects">
					<ul id="thumbs" class="portfolio"> 
						<li class="col-lg-3 design" data-id="id-0" data-type="web">
						<div class="item-thumbs">					 
						<img src="../static/room/img/works/1.jpg" th:src="${hotel.photo1}" alt="">
						</div>
						</li> 
						<!-- Item Project and Filter Name -->
						<li class="item-thumbs col-lg-3 design" data-id="id-1" data-type="icon">
						<img src="../static/room/img/works/2.jpg" th:src="${hotel.photo2}" alt="">
						</li> 
						<li class="item-thumbs col-lg-3 photography" data-id="id-2" data-type="illustrator">
						<img src="../static/room/img/works/3.jpg" th:src="${hotel.photo3}" alt="">
						</li>
						
						<li class="item-thumbs col-lg-3 photography" data-id="id-2" data-type="illustrator">					
						<img src="../static/room/img/works/4.jpg" th:src="${hotel.photo4}" alt="">
						</li>
						<!-- End Item Project -->
					</ul>
					</section>
				</div>
			</div>
			</a>
		</div>

	</div>
	</section>
	<footer>
	<div class="container">
		<div class="row">
			<div class="col-lg-3">
				<div class="widget">
					<h5 class="widgetheading">联系方式:19160464561</h5>
				</div>
			</div>
			<div class="col-lg-3">
				<div class="widget">
					<h5 class="widgetheading">酒店评价：优</h5>
				</div>
			</div>
			<div class="col-lg-3">
				<div class="widget">
					<h5 class="widgetheading">优惠活动：无</h5>
				</div>
			</div>
			<div class="col-lg-3">
				<div class="widget">
					<h5 class="widgetheading">最近更新：无</h5>
				</div>
			</div>
		</div>
	</div>
	</footer>
</div>
<a href="" class="scrollup"><i class="fa fa-angle-up active"></i></a>
<script src="../static/room/js/jquery.js" th:src="@{room/js/jquery.js}"></script>
<script src="../static/room/js/jquery.easing.1.3.js" th:src="@{room/js/jquery.easing.1.3.js}"></script>
<script src="../static/room/js/bootstrap.min.js" th:src="@{room/js/bootstrap.min.js}"></script>
<script src="../static/room/js/jquery.fancybox.pack.js" th:src="@{room/js/jquery.fancybox.pack.js}"></script>
<script src="../static/room/js/jquery.fancybox-media.js" th:src="@{room/js/jquery.fancybox-media.js}"></script>
<script src="../static/room/js/portfolio/jquery.quicksand.js" th:src="@{room/js/portfolio/jquery.quicksand.js}"></script>
<script src="../static/room/js/portfolio/setting.js" th:src="@{room/js/portfolio/setting.js}"></script>
<script src="../static/room/js/jquery.flexslider.js" th:src="@{room/js/jquery.flexslider.js}"></script>
<script src="../static/room/js/animate.js" th:src="@{room/js/animate.js}"></script>
<script src="../static/room/js/custom.js" th:src="@{room/js/custom.js}"></script>
<script src="../static/room/js/owl-carousel/owl.carousel.js" th:src="@{room/js/owl-carousel/owl.carousel.js}"></script>


<div th:replace="~{/fragment/footer :: footer}"/>
<script th:src="@{/adminlte/js/classie.js}"></script>
<script src="/adminlte/js/bootstrap.js"></script>
<!-- //for bootstrap working -->
<script>
	var menuLeft = document.getElementById('cbp-spmenu-s1'),
			showLeftPush = document.getElementById('showLeftPush'),
			showRightPush = document.getElementById('showRightPush'),
			body = document.body;

	showLeftPush.onclick = function () {
		classie.toggle(this, 'active');
		classie.toggle(body, 'cbp-spmenu-push-toright');
		classie.toggle(menuLeft, 'cbp-spmenu-open');
		disableOther('showLeftPush');
	};

	function disableOther(button) {
		if (button !== 'showLeftPush') {
			classie.toggle(showLeftPush, 'disabled');
		}
		if (button !== 'showRightPush') {
			classie.toggle(showRightPush, 'disabled');
		}
	}
</script>
<!-- smooth scrolling -->
<script type="text/javascript">
	$(document).ready(function () {
		/*
            var defaults = {
            containerID: 'toTop', // fading element id
            containerHoverID: 'toTopHover', // fading element hover id
            scrollSpeed: 1200,
            easingType: 'linear'
            };
        */
		/*$().UItoTop({easingType: 'easeOutQuart'});*/
	});
</script>


<!--    下单script-->
<script src="/style/js/jquery-1.12.1.min.js"></script>

<script type="text/javascript" src="/style/js/jquery-migrate-1.4.1.min.js"></script>
<script type="text/javascript" src="/style/js/plugins.min.js"></script>

<!-- this is where we put our custom functions -->
<!-- don't forget to concatenate and minify for production -->
<script type="text/javascript" src="/style/js/functions.js"></script>
</div>


</body>
</html>